<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- TDK 标准，让搜索引擎能更好的发现我们 SEO优化 -->
    <!-- 网站标题 -->
    <title>品优购-正品低价、品质保障、配送及时、轻松购物！</title>
    <!-- 网站介绍 -->
    <meta name="description"
    content="品优购-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"/>
    <!-- 关键字 -->
    <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"/>
    <!-- css初始化 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 公共样式（头部，尾部） -->
    <link rel="stylesheet" href="css/comment.css">
    <!-- 主体样式 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- ico 头标   切一张PNG图片，用比特虫转换成 ico文件   要放到网站根目录下-->
    <link rel="shortcut icon" href="favicon.ico" >

    <script src="js/animation.js"></script>
    <!-- 引入js文件 -->
    <script src="js/index.js"></script>

</head>
<body>
    <!-- 快捷导航start -->
    <section class="shortcut_big_box">       
        <div class="shortcut w">
            <!-- 左边盒子 -->
            <div class="lf">
                <ul>
                    <li>品优购欢迎你！&nbsp;</li>
                    <li><a href="register.html">请登录</a>&nbsp;<a href="register.html" class="style_red">免费注册</a></li>
                </ul>
            </div>
            <!-- 右边盒子 -->
            <div class="rf">
                <ul>
                    <li>我的订单</li>
                    <li></li>
                    <li class="arrow_ico">我的品优购</li>
                    <li></li>
                    <li>品优购会员</li>
                    <li></li>
                    <li>企业采购</li>
                    <li></li>
                    <li class="arrow_ico">关注品优购 </li>
                    <li></li>
                    <li class="arrow_ico">客户服务</li>
                    <li></li>
                    <li class="arrow_ico">网站导航</li>
                </ul>
            </div>

        </div>
        
    </section>
    <!-- 快捷导航end -->

    <!-- 头部区域start -->
    <header class="w">
        <!-- logo模块 -->
        <div class="logo">
            <h1>
                <a href="index.html" title="品优购">品优购</a>
            </h1>
        </div>
        <!-- search 搜索模块 -->
        <div class="search">
            <input type="search" placeholder="语言开发">
            <button>搜索</button>
        </div>
        <!-- hotwords 热词模块 -->
        <div class="hotwords">
            <ul>
                <li class="style_red">优惠购首发</li>
                <li>亿元优惠</li>
                <li>9.9元团购</li>
                <li>美满99减30</li>
                <li>办公用品</li>
                <li>电脑</li>
                <li>通信 </li>
            </ul>
        </div>
        <!-- shopcar 右侧购物车 -->
        <div class="shopcar">
            我的购物车
            <i class="count">8</i>
        </div>
    </header>
    <!-- 头部区域end -->

    <!-- nav 导航栏start -->
    <section class="box_nav ">
        <!-- 版心 导航栏 -->
        <div class="nav w">
            <!-- 下拉栏 -->
            <div class="dropdown ">
                <div class="dt">全部商品分类</div>
                <div class="dd">
                    <ul>
                        <li><a href="#">家用电器</a></li>
                        <li><a href="list.html">手机、数码、通信</a></li>
                        <li><a href="#">电脑、办公</a></li>
                        <li><a href="#">家居、家具、家装、厨具</a></li>
                        <li><a href="#">男装、女装、童装、内衣</a></li>
                        <li><a href="#">个户化妆、清洁用品、宠物</a></li>
                        <li><a href="#">鞋靴、箱包、珠宝、奢侈品</a></li>
                        <li><a href="#">运动户外、钟表</a></li>
                        <li><a href="#">汽车、汽车用品</a></li>
                        <li><a href="#">母婴、玩具乐器</a></li>
                        <li><a href="#">食品、酒类、生鲜、特产</a></li>
                        <li><a href="#">医药保健</a></li>
                        <li><a href="#">图书、音像、电子书</a></li>
                        <li><a href="#">彩票、旅行、充值、票务</a></li>
                        <li><a href="#">理财、众筹、白条、保险</a></li>
                    </ul>
                </div>
            </div>
            <!-- 下拉栏end -->
            <!-- 右边导航选项 -->
            <div class="navitmes ">
                <ul>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">美妆馆</a></li>
                    <li><a href="#">传智超市</a></li>
                    <li><a href="#">全球购</a></li>
                    <li><a href="#">闪购</a></li>
                    <li><a href="#">团购 </a></li>
                    <li><a href="#">拍卖</a> </li>
                    <li><a href="#">有趣</a></li>
                </ul>

            </div>
        </div>
        
    </section>
    <!-- nav 导航栏end -->

    <!-- main 主体盒子start -->
    <div class="main w">
        <!-- 轮播图 + 新闻快报模块 -->
        <div class="fcous">
            <!-- 轮播图 -->
            <!-- 轮播图不能直接插入图片，需要用ul>li包裹 -->
            <div class="carousel_chart">
                <!-- 右边小箭头 -->
                <i class="r_ico"><a href="#">&gt;</a></i>
                <!-- 左边小箭头 -->
                <i class="l_ico"><a href="#">&lt;</a></i>
                <!-- 下边小盒子 -->
                <div class="b_ico">
                    <ol>
                        
                    </ol>
                </div>
                <ul class="lunbotu">
                    <li><a href="#"><img src="upload/轮播图.png" alt=""></a></li>
                    <li><a href="#"><img src="upload/bk1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="upload/bk2.jpg" alt=""></a></li>
                    <li><a href="#"><img src="upload/bk3.jpg" alt=""></a></li>
                    <li><a href="#"><img src="upload/bk4.jpg" alt=""></a></li>    
                       
                </ul>
            </div>
            <!-- newsflash 新闻快报模块 -->
            <div class="newsflash">
                <!-- 新闻头部+新闻体+生活服务 -->
                <section class="news_live">
                    <!--  新闻头部 -->
                    <ul class="new_hd">
                        <li><h5>品优购快报</h5></li>
                        <li><a href="#">更多&nbsp;&gt;</a></li>      
                    </ul>
                    <!-- 新闻体 -->
                    <ul class="new_bd">
                        <li><strong>[特惠]</strong>备战开学季全民半价购数码,手机电脑，电视，冰箱</li>
                        <li><strong>[公告]</strong>尚品优生鲜澄阳湖大闸蟹</li>
                        <li><strong>[打折]</strong>全场低价毛衣，衣服裤子，帽子，袜子</li>
                        <li><strong>[公告]</strong>尚品优生鲜澄阳湖大闸蟹</li>
                        <li><strong>[公告]</strong>尚品优生鲜澄阳湖大闸蟹，大龙虾，小龙虾，大鲨鱼</li>
                    </ul>
                    <!-- 生活服务模块 live_service -->
                    <div class="live_service">
                        <ul>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <p>话费</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <em class="liveservice_ico"><img src="images/liveservice_ico.jpg" alt=""></em>
                                    <p>机票</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <p>话费</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <p>话费</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <p>话费</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <p>话费</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <p>话费</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <p>话费</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <p>话费</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <p>话费</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <p>话费</p>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i></i>
                                    <p>话费</p>
                                </a>
                            </li>
                            
                            
                        </ul>
                    </div>

                    

                </section>
                <!-- 特价模块，special -->
                <section class="special">
                         <a href="#"><img src="upload/special.jpg" alt=""></a>
                </section>

            </div>
        </div>

    </div>
    <!-- main 主体盒子end -->

    <!-- 今日推荐模块start recommend -->
    <div class="recommend w">
        <!-- 左盒子 -->
        <div class="rigth_box">
            <img src="images/recommend_rigth.png" alt="">
        </div>
        <!-- 右盒子 -->
        <div class="left_box">
            <!-- 推荐内容 recom_cont -->
            <ul>
                <li><a href="#"><img src="upload/recom_cont1.png" alt=""></a></li>
                <li></li>
                <li><a href="#"><img src="upload/recom_cont2.png" alt=""></a></li>
                <li></li>
                <li><a href="#"><img src="upload/recom_cont3.png" alt=""></a></li>
                <li></li>
                <li><a href="#"><img src="upload/recom_cont4.png" alt=""></a></li>
            </ul>
        </div>

    </div>
    <!-- 今日推荐模块end recommend -->

    <!-- 猜你喜欢模块start guess_like -->
    <div class="guess_like w .clearfix">
        <!-- 猜你喜欢头部 guess_like_hd -->
        <div class="guess_like_hd">
            <em>猜你喜欢</em>
            <i><a href="#">换一批</a></i>

        </div>
        <!-- 猜你喜欢体 guess_like_bd -->
        <div class="guess_like_bd " >
             <ul>
                <li>
                     <div class="guess_like_img">
                        <a href="#">
                            <img src="upload/guess_like1.jpg" alt="">    
                        </a> 
                     </div>
                    <div class="describe">
                        <p>阳光美包新款单肩包女<br>
                            包时尚子母包四件套女</p>
                        <span><em>￥</em>116.0</span>
                    </div>     
                </li>
                <li>
                    <div class="guess_like_img">
                        <a href="#">
                            <img src="upload/guess_like2.jpg" alt="">    
                        </a> 
                    </div> 
                    <div class="describe">
                        <p>爱仕达 30CM炒锅不粘<br>
                            锅NWG8330E电磁炉炒</p>
                        <span><em>￥</em>116.0</span>
                    </div>     
                </li>
                <li>
                    <div class="guess_like_img">
                        <a href="#">
                            <img src="upload/guess_like3.jpg" alt="">    
                        </a> 
                    </div> 
                    <div class="describe">
                        <p>捷波朗<br> 
                            （jabra）BOOSI劲步</p>
                        <span><em>￥</em>116.0</span>
                    </div>     
                </li>
                <li>
                    <div class="guess_like_img">
                        <a href="#">
                            <img src="upload/guess_like4.jpg" alt="">    
                        </a> 
                    </div> 
                    <div class="describe">
                        <p>欧普<br> 
                            JYLZ08面板灯平板灯铝</p>
                        <span><em>￥</em>116.0</span>
                    </div>     
                </li>
                <li>
                    <div class="guess_like_img">
                        <a href="#">
                            <img src="upload/guess_like5.jpg" alt="">    
                        </a> 
                    </div> 
                    <div class="describe">
                        <p>三星<br>
                            （G5500）移动联</p>
                        <span><em>￥</em>116.0</span>
                    </div>     
                </li>
                <li>
                    <div class="guess_like_img">
                        <a href="#">
                            <img src="upload/guess_like6.jpg" alt="">    
                        </a> 
                    </div>  
                    <div class="describe">
                        <p>韩国所望<br>
                            紧致湿润精华露400ml</p>
                        <span><em>￥</em>116.0</span>
                    </div>     
                </li>
             
             
             </ul>
        </div>
        


    </div>
    <!-- 猜你喜欢模块end guess_like -->

    <!-- 传智播客，有趣区start，interest -->
    <div class="interest w">
        <!-- 传智播客，有趣区,头部，interest_hd -->
        <div class="interest_hd">
            传智播客<em>·</em>有趣区
        </div>
        <!--传智播客，有趣区,体，interest_bd  -->
        <section class="interest_bd w">
            <!--  传智播客右边盒子-->
            <div class="interest_bd_left">
                <a href="#"><img src="upload/interest_bd_left.png" alt=""></a>
            </div>
            <!--  传智播客右边盒子-->
            <div class="interest_bd_rigth">
                <!-- 好东西  haodongxi_col -->
                <div class="haodongxi_col">
                    <h6>好东西</h6>
                    <!-- cont_top 上内容盒子 -->
                    <div class="cont_top">
                        <a href="#"><img src="upload/cont_top.png" alt=""></a>
                    </div>
                    <!-- cont_bottom 下内容盒子 -->
                    <div class="cont_bottom">
                        <a href="#"><img src="upload/cont_bottom.png" alt=""></a>
                    </div>
                </div>
                <!-- 品牌街  pinpaijie_col -->
                <div class="pinpaijie_col">
                    <h6>品牌街</h6>
                    <!-- 上盒子 -->
                    <div class="pinpaijie_cont_top">
                        <img src="upload/pinpaijie_cont_top.png" alt="">
                    </div>
                    <!-- 下盒子 -->
                    <div class="pinpaijie_cont_bottom">
                        <!--左盒子 -->
                        <div class="pinpaijie_cont_bottom_rigth">
                            <img src="upload/pinpaijie_cont_bottom_rigth.png" alt="">
                        </div>
                        <!-- 右盒子 -->
                        <div class="pinpaijie_cont_bottom_left">
                            <img src="upload/pinpaijie_cont_bottom_left.png" alt="">
                        </div>


                    </div>
                </div>
                <!-- 公司名称 corporate_name -->
                <div class="corporate_name">
                    <img src="upload/corporate_name.png" alt="">
                </div>

            </div>
        </section>

    </div>
    <!-- 传智播客，有趣区end，interest -->

    <!-- 楼层区start -->
    <div class="floor">
        <div class="w jiadian">
            <div class="box_hd">
                <h3>家用电器</h3>
                <!-- table 栏 -->  
                <div class="table_list">
                    <ul>
                        <li><a href="#">热门</a>|</li>
                        <li><a href="#">大家电</a>|</li>
                        <li><a href="#">生活电器</a>|</li>
                        <li><a href="#">厨房电器</a>|</li>
                        <li><a href="#">个护健康</a>|</li>
                        <li><a href="#">应季电器</a>|</li>
                        <li><a href="#">空气/净水</a>|</li>
                        <li><a href="#">新奇特</a>|</li>
                        <li><a href="#">高端电器</a></li>
                    </ul>
                </div>
            </div>
            <div class="box_bd">
                <!-- table栏里的内容 -->
                <div class="table_cont">
                    <div class="col_210">
                        <ul>
                            <li><a href="#">节能补贴</a></li>
                            <li><a href="#">4K电视</a></li>
                            <li><a href="#">空气净化器</a></li>
                            <li><a href="#">IH电饭煲</a></li>
                            <li><a href="#">滚筒洗衣机</a></li>
                            <li><a href="#">电热水器</a></li>
                        </ul>
                        <a href="#"><img src="upload/floor-1-1.png" alt=""></a>
                    </div>
                    <div class="col_329">
                        <!-- 楼层1第2张图片 -->
                        <img src="upload/floor-1-2.jpg" alt="">
                        <!-- 图片里的小点 -->
                        <ul>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                        </ul>
                        
                    </div>
                    <div class="col_221">
                        <!-- col_221_top_box 第三个盒子里面的上盒子 -->
                        <div class="col_221_top_box">
                            <img src="upload/col_221_top_box.png" alt="">
                        </div>
                        <!-- col_221_bottom_box 第三个盒子里面的上盒子 -->
                        <div class="col_221_bottom_box">
                            <img src="upload/col_221_bottom_box.png" alt="">
                        </div>
                    </div>
                    <!-- 第4个盒子 -->
                    <div class="col_221 col_221_4">
                        <img src="upload/col_221_4.png" alt="">
                    </div>
                    <!-- 第5个盒子 -->
                    <div class="col_219">
                        <!-- 第5个盒子里 上面盒子 col_219_top_box -->
                        <div class="col_219_top_box">
                            <img src="upload/col_219_top_box.png" alt="">
                        </div>
                        <!-- 第5个盒子里 上面盒子 col_219_bottom_box -->
                        <div class="col_219_bottom_box">
                            <img src="upload/col_219_bottom_box.png" alt=""> 
                        </div>
                    </div>
                </div>
            </div>
        </div>     
    </div> 
    <!-- 产品名称 product_name -->
    <div class="product_name w">
        <img src="upload/product_name.png" alt="">
    </div>
    <!-- 楼层区end -->

     <!-- 楼层区start -->
     <div class="floor">
        <div class="w shouji">
            <div class="box_hd">
                <h3>手机通讯</h3>
                <!-- table 栏 -->  
                <div class="table_list">
                    <ul>
                        <li><a href="#">热门</a>|</li>
                        <li><a href="#">大家电</a>|</li>
                        <li><a href="#">生活电器</a>|</li>
                        <li><a href="#">厨房电器</a>|</li>
                        <li><a href="#">个护健康</a>|</li>
                        <li><a href="#">应季电器</a>|</li>
                        <li><a href="#">空气/净水</a>|</li>
                        <li><a href="#">新奇特</a>|</li>
                        <li><a href="#">高端电器</a></li>
                    </ul>
                </div>
            </div>
            <div class="box_bd">
                <!-- table栏里的内容 -->
                <div class="table_cont">
                    <div class="col_210">
                        <ul>
                            <li><a href="#">节能补贴</a></li>
                            <li><a href="#">4K电视</a></li>
                            <li><a href="#">空气净化器</a></li>
                            <li><a href="#">IH电饭煲</a></li>
                            <li><a href="#">滚筒洗衣机</a></li>
                            <li><a href="#">电热水器</a></li>
                        </ul>
                        <a href="#"><img src="upload/floor-1-1.png" alt=""></a>
                    </div>
                    <div class="col_329">
                        <!-- 楼层1第2张图片 -->
                        <img src="upload/floor-1-2.jpg" alt="">
                        <!-- 图片里的小点 -->
                        <ul>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                        </ul>
                        
                    </div>
                    <div class="col_221">
                        <!-- col_221_top_box 第三个盒子里面的上盒子 -->
                        <div class="col_221_top_box">
                            <img src="upload/col_221_top_box.png" alt="">
                        </div>
                        <!-- col_221_bottom_box 第三个盒子里面的上盒子 -->
                        <div class="col_221_bottom_box">
                            <img src="upload/col_221_bottom_box.png" alt="">
                        </div>
                    </div>
                    <!-- 第4个盒子 -->
                    <div class="col_221 col_221_4">
                        <img src="upload/col_221_4.png" alt="">
                    </div>
                    <!-- 第5个盒子 -->
                    <div class="col_219">
                        <!-- 第5个盒子里 上面盒子 col_219_top_box -->
                        <div class="col_219_top_box">
                            <img src="upload/col_219_top_box.png" alt="">
                        </div>
                        <!-- 第5个盒子里 上面盒子 col_219_bottom_box -->
                        <div class="col_219_bottom_box">
                            <img src="upload/col_219_bottom_box.png" alt=""> 
                        </div>
                    </div>
                </div>
            </div>
        </div>     
    </div> 
    <!-- 产品名称 product_name -->
    <div class="product_name w">
        <img src="upload/product_name.png" alt="">
    </div>
    <!-- 楼层区end -->

     <!-- 楼层区start -->
     <div class="floor">
        <div class="w diannao">
            <div class="box_hd">
                <h3>电脑办公</h3>
                <!-- table 栏 -->  
                <div class="table_list">
                    <ul>
                        <li><a href="#">热门</a>|</li>
                        <li><a href="#">大家电</a>|</li>
                        <li><a href="#">生活电器</a>|</li>
                        <li><a href="#">厨房电器</a>|</li>
                        <li><a href="#">个护健康</a>|</li>
                        <li><a href="#">应季电器</a>|</li>
                        <li><a href="#">空气/净水</a>|</li>
                        <li><a href="#">新奇特</a>|</li>
                        <li><a href="#">高端电器</a></li>
                    </ul>
                </div>
            </div>
            <div class="box_bd">
                <!-- table栏里的内容 -->
                <div class="table_cont">
                    <div class="col_210">
                        <ul>
                            <li><a href="#">节能补贴</a></li>
                            <li><a href="#">4K电视</a></li>
                            <li><a href="#">空气净化器</a></li>
                            <li><a href="#">IH电饭煲</a></li>
                            <li><a href="#">滚筒洗衣机</a></li>
                            <li><a href="#">电热水器</a></li>
                        </ul>
                        <a href="#"><img src="upload/floor-1-1.png" alt=""></a>
                    </div>
                    <div class="col_329">
                        <!-- 楼层1第2张图片 -->
                        <img src="upload/floor-1-2.jpg" alt="">
                        <!-- 图片里的小点 -->
                        <ul>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                        </ul>
                        
                    </div>
                    <div class="col_221">
                        <!-- col_221_top_box 第三个盒子里面的上盒子 -->
                        <div class="col_221_top_box">
                            <img src="upload/col_221_top_box.png" alt="">
                        </div>
                        <!-- col_221_bottom_box 第三个盒子里面的上盒子 -->
                        <div class="col_221_bottom_box">
                            <img src="upload/col_221_bottom_box.png" alt="">
                        </div>
                    </div>
                    <!-- 第4个盒子 -->
                    <div class="col_221 col_221_4">
                        <img src="upload/col_221_4.png" alt="">
                    </div>
                    <!-- 第5个盒子 -->
                    <div class="col_219">
                        <!-- 第5个盒子里 上面盒子 col_219_top_box -->
                        <div class="col_219_top_box">
                            <img src="upload/col_219_top_box.png" alt="">
                        </div>
                        <!-- 第5个盒子里 上面盒子 col_219_bottom_box -->
                        <div class="col_219_bottom_box">
                            <img src="upload/col_219_bottom_box.png" alt=""> 
                        </div>
                    </div>
                </div>
            </div>
        </div>     
    </div> 
    <!-- 产品名称 product_name -->
    <div class="product_name w">
        <img src="upload/product_name.png" alt="">
    </div>
    <!-- 楼层区end -->

    <!-- 热门疯抢，hot_buy,开始 -->
    <div class="hot_buy w">
        <!--  热门疯抢，hot_buy_hd,头部区域-->
        <section class="hot_buy_hd">
            <h3>热门疯抢</h3>
        </section>
        <!--  热门疯抢，hot_buy_bd,主体区域-->
        <section class="hot_buy_bd">
            <!-- 左盒子，hot_buy_left_box -->
            <div class="hot_buy_left_box">
                <img src="upload/hot_buy_left_box.png" alt="">
            </div>
            <!-- 中间盒子，hot_buy_min_box -->
            <div class="hot_buy_min_box">
                <!-- 中间盒子里面若干小盒子 -->
                <ul>
                    <li><img src="upload/hot_buy_min_box_1.png.png" alt=""></li> 
                    <li><img src="upload/hot_buy_min_box_1.png.png" alt=""></li>
                    <li><img src="upload/hot_buy_min_box_1.png.png" alt=""></li>
                    <li><img src="upload/hot_buy_min_box_1.png.png" alt=""></li>
                    <li><img src="upload/hot_buy_min_box_1.png.png" alt=""></li>
                    <li><img src="upload/hot_buy_min_box_1.png.png" alt=""></li>
                </ul>
            
            </div>
            <!-- 右边评价模块，appraise -->
            <div class="appraise">
                <!-- 评价1 appraise_box_1-->
                <div class="appraise_box_1">
                    <ul>
                        <!--  -->
                        <li><img src="upload/appraise_img_1.png" alt=""></li>
                        <li>
                            <div class="appraise_box_right">
                                <h4 class="use_name">
                                    <img src="upload/search.png" alt="">
                                    0807***
                                </h4>
                                <em>“发货快没话说，电脑运行速度可以，打游戏一点不卡，颜值太棒了，没入手的小伙伴可以入手”</em>

                            </div>
                            
                        </li>
                    </ul>
                </div>
                <!-- 评价2 appraise_box_2-->
                <div class="appraise_box_2">
                    <ul>
                        <li><img src="upload/appraise_img_2.png" alt=""></li>
                        <li>
                            <div class="appraise_box_right">
                                <h4 class="use_name">
                                    <img src="upload/search.png" alt="">
                                    0807***
                                </h4>
                                <em>“发货快没话说，电脑运行速度可以，打游戏一点不卡，颜值太棒了，没入手的小伙伴可以入手”</em>

                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </section>
       
    </div>
    <!-- 热门疯抢，hot_buy,结束 -->
    <!-- 尾部区域footer -->
    <footer class="footer">
        <div class="w">
            <!-- 服务模块mod_service -->
            <div class="mod_service">
                <ul>
                    <li>
                        <i class="zhengping"></i>
                        <p><strong>正品保障</strong><br><span>正品保障,提供发票</span></p>
                    </li>
                    <li>
                        <i class="jishu"></i>
                        <p><strong>正品保障</strong><br><span>正品保障,提供发票</span></p>
                    </li>
                    <li>
                        <i class="wuyou"></i>
                        <p><strong>正品保障</strong><br><span>正品保障,提供发票</span></p>
                    </li>
                    <li>
                        <i class="teshe"></i>
                        <p><strong>正品保障</strong><br><span>正品保障,提供发票</span></p>
                    </li>
                    <li>
                        <i class="bangzhuh"></i>
                        <p><strong>正品保障</strong><br><span>正品保障,提供发票</span></p>
                    </li>
                    
                </ul>
            </div>
            <!-- 帮助模块，mod_help -->
            <section class="mod_help">
                <dl> 
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>  
                </dl>
                <dl> 
                    <dt>支付方式</dt>
                    <dd>货到付款</dd>
                    <dd>在线支付</dd>
                    <dd>分期付款</dd>
                    <dd>邮局汇款</dd>
                    <dd>公司转账</dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>  
                </dl>
                <dl> 
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>  
                </dl>
                <dl> 
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>  
                </dl>
                <dl> 
                    <dt>购物指南</dt>
                    <dd class="erweima"><img src="images/二维码.jpg" alt=""></dd>
                    <dd>联系客服</dd> 
                </dl>
            </section>
            <!-- 版权模块 ,mod_copyright -->
            <div class="mod_copyright">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li></li>
                    <li><a href="#">联系我们</a></li>
                    <li></li>
                    <li><a href="#">联系客服</a></li>
                    <li></li>
                    <li><a href="#">商家入住</a></li>
                    <li></li>
                    <li><a href="#">销售中心</a></li>
                    <li></li>
                    <li><a href="#">手机优品购</a></li>
                    <li></li>
                    <li><a href="#">友情链接</a></li>
                    <li></li>
                    <li><a href="#">销售联盟</a></li>
                    <li></li>
                    <li><a href="#">优品购社区</a></li>
                    <li></li>
                    <li><a href="#">优品购公益</a></li>
                    <li></li>
                    <li><a href="#">English Site</a></li>
                    <li></li>
                    <li><a href="#">Contact U</a></li>
                </ul>
                <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br>
                    京ICP备08001421号京公网安备110108007702</p>
            </div>
        </div>

    </footer>
    <!-- 尾部区域end -->

</body>
</html>